<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>职到 - 职位，手到擒来！</title>
    <meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
    <meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
    <meta name="author" content="rometheme.net">


    <meta name="author" content="">
    <link rel="icon" type="image/png" href="img/fav.png">
    <title></title>
    <!-- Slick Slider -->
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick.min.css"/>
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.min.css"/>
    <!-- Feather Icon-->
    <link href="vendor/icons/feather.css" rel="stylesheet" type="text/css">
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- ==============================================
    Favicons
    =============================================== -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

    <!-- ==============================================
    CSS VENDOR
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/owl.theme.default.min.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/vendor/animate.min.css">

    <!-- ==============================================
    Custom Stylesheet
    =============================================== -->
    <link rel="stylesheet" type="text/css" href="css/style(qt).css" />

    <script src="js/vendor/modernizr.min.js"></script>

    <link href="css/style_forum.css" rel="stylesheet">

</head>

<body>

<!-- LOAD PAGE -->
<div class="animationload">
    <div class="loader"></div>
</div>

<!-- BACK TO TOP SECTION -->
<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

<!-- HEADER -->
<div class="header header-1">

    <!-- TOPBAR -->
    <div class="topbar">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-sm-8 col-md-6">
                    <div class="info">
                        <div class="info-item">
                            <i class="fa fa-phone"></i> +62 7144 3300
                        </div>
                        <div class="info-item">
                            <i class="fa fa-envelope-o"></i> <a title="">support@zhidao.com</a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 col-md-6">

                    <div class="sosmed-icon pull-right d-inline-flex">
                        <a class="navbar-brand" href="my.html">
                            <img src="images/wode.png" alt="">
                        </a>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a class="navbar-brand" href="help1.html">
                            <img src="images/help.png" alt="">
                        </a>
                        <a class="navbar-brand" href="login3.html">
                            <img src="images/login.jpg" alt="">
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!-- 导航栏 -->
    <div class="navbar-main">
        <div class="container">
            <nav id="navbar-example" class="navbar navbar-expand-lg">
                <a class="navbar-brand" >
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/logo.png" alt="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <img src="images/slogan.png" alt="">
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="index1.html">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="Aworkcompany.html">工作</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="work_post.html">投递</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="forum.html">花果山论坛</a>
                        </li>

                    </ul>
                </div>
            </nav> <!-- -->

        </div>
    </div>
    </div>

</div>
<!-- 此处是内容 -->
<div class="py-4">
    <div class="container">
        <div class="row">
            <!-- Main Content -->
            <main class="col col-xl-6 order-xl-2 col-lg-12 order-lg-1 col-md-12 col-sm-12 col-12">
                <div class="box shadow-sm border rounded bg-white mb-3 osahan-share-post">
                    <ul class="nav nav-justified border-bottom osahan-line-tab" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="feather-edit"></i> 放点文字 </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false"><i class="feather-image"></i> 放点图片 </a>
                        </li>
                        <!-- <li class="nav-item">
                           <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false"><i class="feather-clipboard"></i> Write an article</a>
                        </li> -->
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="p-3 d-flex align-items-center w-100" href="#">
                                <div class="dropdown-list-image mr-3">
                                </div>
                                <div class="w-100">
                                    <div class="form-control border-0 p-0 shadow-none" style="color: rgb(10, 163, 156);" rows="1">快来写下你的帖子吧!</div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="p-3 w-100">
                                <div class="form-control border-0 p-0 shadow-none" style="color: rgb(10, 163, 156);" rows="1">快来放一些图片吧!</div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                            <div class="p-3 w-100">

                            </div>
                        </div>
                    </div>
                    <div class="border-top p-3 d-flex align-items-center">
                        <div class="mr-auto"><a href="#" class="text-link small"></div>
                        <div class="flex-shrink-1">

                            <button type="button" class="btn btn-primary btn-sm">
                                <a href="forum_add.html"><span style="color: rgb(250, 249, 246);">发表</span></a>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="box mb-3 shadow-sm border rounded bg-white osahan-post">
                    <div class="p-3 d-flex align-items-center border-bottom osahan-post-header">
                        <div class="dropdown-list-image mr-3">
                            <img class="rounded-circle" src="img/p6.png" alt="">
                            <div class="status-indicator bg-success"></div>
                        </div>
                        <div class="font-weight-bold">
                            <div class="text-truncate">利利</div>
                            <div class="small text-gray-500">整蛊小神器合集</div>
                        </div>
                        <span class="ml-auto small">3 小时前</span>
                    </div>
                    <div class="p-3 border-bottom osahan-post-body">
                        <p>😍😎哈喽！哈喽！我是利利，最近沉迷整蛊这种类型的代码，特别有趣好玩！

                            虽然踩中了特别多的坑，但是越玩越上瘾呀！这里整理了蛮多整蛊的代码，好东西就是需要分享的嘛~

                            每周一招维护友谊的小秘诀，欢迎大家来到木木子新开的——友（zheng）爱（gu）小课堂！<a href="#">laboris consequat.</a></p>
                        <img src="img/post1.png" class="img-fluid" alt="Responsive image">
                    </div>
                    <div class="p-3 border-bottom osahan-post-footer">
                        <a href="#" class="mr-3 text-secondary"><i class="feather-heart text-danger"></i> 16</a>
                        <a href="#" class="mr-3 text-secondary"><i class="feather-message-square"></i> 8</a>
                        <a href="#" class="mr-3 text-secondary"><i class="feather-share-2"></i> 2</a>
                    </div>
                    <div class="p-3 d-flex align-items-top border-bottom osahan-post-comment">
                        <div class="dropdown-list-image mr-3">
                            <img class="rounded-circle" src="img/p7.png" alt="">
                            <div class="status-indicator bg-success"></div>
                        </div>
                        <div class="font-weight-bold">
                            <div class="text-truncate"> 吴迪 <span class="float-right small">2 min</span></div>
                            <div class="small text-gray-500">嘿！我是吴迪同学，欢迎大家阅读这篇《坦克大战双人版游戏编程》。</div>
                        </div>
                    </div>
                    <div class="p-3">
                        <textarea placeholder="Add Comment..." class="form-control border-0 p-0 shadow-none" rows="1"></textarea>
                    </div>
                </div>
            </main>
            <aside class="col col-xl-3 order-xl-1 col-lg-6 order-lg-2 col-md-6 col-sm-6 col-12">
                <div class="box mb-3 shadow-sm border rounded bg-white profile-box text-center">
                    <div class="py-4 px-3 border-bottom">
                        <img src="img/p13.png" class="img-fluid mt-2 rounded-circle" alt="Responsive image">
                        <h5 class="font-weight-bold text-dark mb-1 mt-4">
                            <div class="info-item">
                                用户：<span id="demo"></span>
                            </div>
                        </h5>
<!--                        <p class="mb-0 text-muted">-->
<!--                        <div class="info-item">-->
<!--                            职位类型：<span id="demo1"></span>-->
<!--                        </div>-->
<!--                        </p>-->
                    </div>
                    <div class="d-flex">
                        <div class="col-6 border-right p-3">
                            <h6 class="font-weight-bold text-dark mb-1">358</h6>
                            <p class="mb-0 text-black-50 small">粉丝数</p>
                        </div>
                        <div class="col-6 p-3">
                            <h6 class="font-weight-bold text-dark mb-1">85</h6>
                            <p class="mb-0 text-black-50 small">发帖数</p>
                        </div>
                    </div>
                    <div class="overflow-hidden border-top">
                        <a class="font-weight-bold p-3 d-block" href="my.html"> 查看我的更多信息 </a>
                    </div>
                </div>
                <div class="box mb-3 shadow-sm rounded bg-white view-box overflow-hidden">
                    <div class="box-title border-bottom p-3">
                        <h6 class="m-0">花果山热度指数</h6>
                    </div>
                    <div class="d-flex text-center">
                        <div class="col-6 border-right py-4 px-2">
                            <h5 class="font-weight-bold text-info mb-1">08 <i class="feather-bar-chart-2"></i></h5>
                            <p class="mb-0 text-black-50 small">last 5 days</p>
                        </div>
                        <div class="col-6 py-4 px-2">
                            <h5 class="font-weight-bold text-success mb-1">+ 43% <i class="feather-bar-chart"></i></h5>
                            <p class="mb-0 text-black-50 small">Since last week</p>
                        </div>
                    </div>
                    <div class="overflow-hidden border-top text-center">
                        <img src="img/chart.png" class="img-fluid" alt="Responsive image">
                    </div>
                </div>
                <div class="box shadow-sm mb-3 rounded bg-white ads-box text-center">
                    <img src="img/job1.png" class="img-fluid" alt="Responsive image">
                    <div class="p-3 border-bottom">
                        <h6 class="font-weight-bold text-dark">“职到”出品——花果山论坛</h6>
                        <p class="mb-0 text-muted">程序员尽情交流的平台</p>
                    </div>
                </div>
            </aside>
            <aside class="col col-xl-3 order-xl-3 col-lg-6 order-lg-3 col-md-6 col-sm-6 col-12">
                <div class="box shadow-sm border rounded bg-white mb-3">
                    <div class="box-title border-bottom p-3">
                        <h6 class="m-0">浏览帖子</h6>
                    </div>

                <div class="box shadow-sm mb-3 rounded bg-white ads-box text-center overflow-hidden">
                    <img src="img/ads1.png" class="img-fluid" alt="Responsive image">
                    <div class="p-3 border-bottom">
                        <h6 class="font-weight-bold text-gold">掌握更多实用技能！</h6>
                        <p class="mb-0 text-muted">职到，职位手到擒来！</p>
                    </div>
                    <div class="p-3">
                        <button type="button" class="btn btn-outline-gold pl-4 pr-4">
                            <a href="forum_invitation.html"><span style="color: #16C3B0">点击查看更多帖子</span></a>
                        </button>
                    </div>
                </div>
                </div>
                <div class="box shadow-sm border rounded bg-white mb-3">
                    <div class="box-title border-bottom p-3">
                        <h6 class="m-0">热门帖
                        </h6>
                    </div>
                    <div class="box-body p-3">
                            <div class="shadow-sm border rounded bg-white job-item mb-3">
                                <div class="d-flex align-items-center p-3 job-item-header">
                                    <div class="overflow-hidden mr-2">
                                        <h6 class="font-weight-bold text-dark mb-0 text-truncate">有关项目经理的十年经验分享</h6>
                                        <div class="text-truncate text-primary">#项目经理#</div>
                                        <div class="small text-gray-500"><i class="feather-map-pin"></i>经历经验分享</div>
                                    </div>
                                    <img class="img-fluid ml-auto" src="img/l3.png">
                                </div>
                                <div class="d-flex align-items-center p-3 border-top border-bottom job-item-body">
                                    <div class="overlap-rounded-circle">
                                        <img class="rounded-circle shadow-sm"  data-placement="top" title="" src="img/p9.png" data-original-title="Sophia Lee">
                                        <img class="rounded-circle shadow-sm"  data-placement="top" title="" src="img/p10.png" data-original-title="John Doe">
                                        <img class="rounded-circle shadow-sm"  data-placement="top" title="" src="img/p11.png" data-original-title="Julia Cox">
                                        <img class="rounded-circle shadow-sm"  data-placement="top" title="" src="img/p12.png" data-original-title="Robert Cook">
                                    </div>
                                    <span class="font-weight-bold text-muted">99人评估</span>
                                </div>
                                <div class="p-3 job-item-footer">
                                    <small class="text-gray-500"><i class="feather-clock"></i> 10天 前 发布</small>
                                </div>
                            </div>
                        </a>
                            <div class="shadow-sm border rounded bg-white job-item">

                            </div>
                        </a>
                    </div>
                </div>
            </aside>
        </div>
    </div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- slick Slider JS-->
<script type="text/javascript" src="vendor/slick/slick.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/osahan.js"></script>
<br>
<br>
<div class="footer" data-background="images/bg.jpg">
    <div class="content-wrap">
        <div class="container">

            <div class="row">
                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <img src="images/logo.png" alt="logo bottom" class="logo-bottom">
                        <div class="spacer-30"></div>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy.</p>
                        <a href="#"><i class="fa fa-angle-right"></i> Read More</a>
                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Contact Info
                        </div>
                        <ul class="list-info">
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-map-marker"></span>
                                </div>
                                <div class="info-text">99 S.t Jomblo Park Pekanbaru 28292. Indonesia</div> </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-phone"></span>
                                </div>
                                <div class="info-text">(0761) 654-123987</div>
                            </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-envelope"></span>
                                </div>
                                <div class="info-text">info@yoursite.com</div>
                            </li>
                            <li>
                                <div class="info-icon">
                                    <span class="fa fa-clock-o"></span>
                                </div>
                                <div class="info-text">Mon - Sat 09:00 - 17:00</div>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Useful Links
                        </div>

                        <ul class="list">
                            <li><a href="index2.html" title="About us">关于我们</a></li>
                            <li><a href="help1.html" title="Contact Us">帮助</a></li>
                        </ul>

                    </div>
                </div>

                <div class="col-sm-3 col-md-3">
                    <div class="footer-item">
                        <div class="footer-title">
                            Get in Touch
                        </div>
                        <p>Lit sed The Best in dolor sit amet consectetur adipisicing elit sedconsectetur adipisicing</p>
                        <div class="sosmed-icon d-inline-flex">
                            <a href="#" class="fb"><i class="fa fa-facebook"></i></a>
                            <a href="#" class="tw"><i class="fa fa-twitter"></i></a>
                            <a href="#" class="ig"><i class="fa fa-instagram"></i></a>
                            <a href="#" class="in"><i class="fa fa-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="fcopy">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12">
                    <p class="ftex">Copyright 2019 &copy; <span class="color-primary">Kids HTML Template</span>. Designed by <span class="color-primary">Rometheme.</span></p>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- JS VENDOR -->
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/owl.carousel.js"></script>
<script src="js/vendor/jquery.magnific-popup.min.js"></script>
<script src="js/vendor/isotope.pkgd.min.js"></script>
<script src="js/vendor/imagesloaded.pkgd.min.js"></script>

<!-- SENDMAIL -->
<script src="js/vendor/validator.min.js"></script>
<script src="js/vendor/form-scripts.js"></script>

<script src="js/script(qt).js"></script>

</body>
</html>

<script>
    var x = window.localStorage.getItem("applicant_name");
    document.getElementById("demo").innerHTML = x;
    var y = window.localStorage.getItem("job_type");
    document.getElementById("demo1").innerHTML = y;
</script>
<script>
    new Vue({
        el:"#app",
        data:{
            applicantName:'',
            invitationList:[]
        },
        methods:{
            queryApp:function (){
                _this = this
                //查询管理员信息
                axios.get('/invitation/list',{
                    params: {
                        applicantName:this.applicantName
                    }
                }).then(function (response) {
                    _this.applicantList=response.data;
                    console.log(response.data);
                })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
        },
        mounted() {     
             _this = this
              axios.get('/invitation/list')
              .then(function (response){
                console.log(response.data);
                _this.invitationList=response.data;

              })
              .catch(function (error){
                console.log(error);
              });
            _this = this
            axios.get('/app/list',{
                params: {
                    applicantName: this.applicantName
                }
            }).then(function (response){
                _this.applicantList=response.data;
                console.log(response.data);
            })
                .catch(function (error){
                    console.log(error);
                });
        }
    })
</script>